import React from 'react';
import ReactDOM from 'react-dom';
console.log(React.Component)
// 在 class 组建中  我们的结构 是通过 render函数的返回结果 确定的
class App extends React.Component{
  // 创造一个一个App类 继承 React.Component这个类
  // 在render中 我们不i用管是否写了constructor ;都可以正常通过 this.props调用到我们的属性
  // constructor(props){
  //   // 在class声明类的时候 有一个规定 
  //   //写了constructor  必写 super()-->super相当于我们的call继承 super 其实就是 继承的那个类的函数体本身React.Component
  //   super(props)
  //   console.log(props)
  // }
  fn(){
    console.log(this.props)
  }
  render() {
    console.log(this.props)
    let q = this.props.id;
    // this.props 中的属性 是只读的 不能修改；
    q = 1111
    this.fn()
    return <div>
      hahahaha
    </div>
  }
}

ReactDOM.render(<App className123='box' id='666' />,document.getElementById('root'))